<template>
  <el-container class="e-container">
    <el-header class="home-header">
      <div>
        <el-button @click="$router.go(-1)" v-if="enableBack" style="float: left; background-color: transparent; border: none;" size="small" icon="el-icon-arrow-left">返回</el-button>
      </div>
      <div>名辉e洁洗</div>
      <div>
        <el-button style="float: right;" type="danger" size="small">退出</el-button>
      </div>
    </el-header>
    <el-container class="e-container">
      <el-aside width="600px" style="padding: 20px; display: flex;">
        <slot name="left"></slot>
      </el-aside>
      <el-main style="display: flex;">
        <slot name="right"></slot>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {
  props: {
    enableBack: {
      type: Boolean,
      default: false
    }
  }
};
</script>

<style>

</style>
